.setmp(@n, @i: 2) when(@i<=@n) {
  .pl-@{i} {
    padding-left: unit(@i, rpx);
  }

  .pr-@{i} {
    padding-right: unit(@i, rpx);
  }

  .pt-@{i} {
    padding-top: unit(@i, rpx);
  }
  .pb-@{i} {
    padding-bottom: unit(@i, rpx);
  }

  .ml-@{i} {
    margin-left: unit(@i, rpx);
  }

  .mr-@{i} {
    margin-right: unit(@i, rpx);
  }
  .mt-@{i} {
    margin-top: unit(@i, rpx);
  }

  .mb-@{i} {
    margin-bottom: unit(@i, rpx);
  }


  .setmp(@n, (@i+2));
}

.setfont(@n, @i: 10) when(@i<=@n) {

  .fs-@{i} {
    font-size: unit(@i, rpx);
  }

  .setfont(@n, (@i+2));
}

.setw(@n, @i: 2) when(@i<=@n) {
  .w-@{i} {
    width: unit(@i, rpx);
  }

  .setw(@n, (@i+2));
}

.seth(@n, @i: 2) when(@i<=@n) {
  .h-@{i} {
    height: unit(@i, rpx);
  }

  .seth(@n, (@i+2));
}



.setautoRow(@n, @i: 10) when(@i<=@n) {
  .g-ar-@{i} {
    grid-auto-rows: unit(@i, rpx);
  }

  .setautoRow(@n, (@i+2));
}

// .setmp(100);
// .setfont(80);
// .setw(100);
// .seth(100);
.setautoRow(200);